<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>成易博客-个人中心</title>

    <link th:replace="common/common::common-head">

</head>
<body style="background: rgba(243,240,240,0.27);padding-top: 70px; ">

<div th:replace="common/common :: #common-top-nav"></div>
<div id="myzoeInfo" v-cloak>
    <center>
        <div>
            <div class="layui-col-lg4 layui-col-md4 layui-col-sm10 layui-col-xs10 layui-col-md-offset4 layui-col-sm-offset1 layui-col-xs-offset1 formClass"
                 style="margin-top: 4%;margin-bottom: 2%;background: white">
                <table class="table table-hover">
                    <caption></caption>
                    <tbody>
                        <tr>
                            <td>用户名</td>
                            <td><input type="text" class="form-control" v-model="items.name"></td>
                            <th><button type="button" class="btn btn-default" @click="editName(items.name)">修改</button></th>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>
                                <span v-if="items.sex != null && items.sex !=''">
                                    <select class="form-control" v-model="items.sex">
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </span>
                                <span v-else>
                                    <select class="form-control" v-model="items.sex">
                                        <option value="">未填写</option>
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </span>
                            </td>
                            <th><button type="button" class="btn btn-default" @click="editSex(items.sex)">修改</button></th>
                        </tr>
                        <tr>
                            <td>头像</td>
                            <td><img :src="items.img" class="img-thumbnail" width="50" height="50"/></td>
                            <th><button type="button" class="btn btn-default" disabled>修改</button></th>
                        </tr>
                        <tr>
                            <td>手机号</td>
                            <td><input type="text" class="form-control" v-model="items.phone" disabled></td>
                            <th><button type="button" class="btn btn-default" disabled>修改</button></th>
                        </tr>
                        <tr>
                            <td>经验值</td>
                            <td>{{items.experience}}</td>
                            <th></th>
                        </tr>
                        <tr>
                            <td>注册时间</td>
                            <td>{{items.registerDate}}</td>
                            <th></th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </center>
</div>

<div th:replace="common/common :: #common-js"></div>
<script th:src="@{/static/js/myzoe/myzoe.js}"></script>

</body>
</html>